import React from "react";
import { useDispatch } from 'react-redux'
import Aside from './components/Aside'
import MainHeader from './components/MainHeader'
import NavTag from '@/pages/components/NavTag'
import { Layout, theme } from "antd";
import { Outlet } from "react-router-dom";
const { Content } = Layout;
const Main = () => {
  const {
    token: { colorBgContainer },
  } = theme.useToken();
  return (
    <Layout className="main_container flex flex-row">
      <Aside></Aside>
      <Layout className="flex flex-column">
        <MainHeader></MainHeader>
        <NavTag></NavTag>
        <Content
          style={{
            padding: '12px',
            background: colorBgContainer
          }}
        >
          <Outlet></Outlet>
        </Content>
      </Layout>
    </Layout>
  );
};
export default Main;
